<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>欢迎来到 DataCube</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=1280px, initial-scale=0.3"/>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
<!--[if lte IE 8]>
    <p class="browserupgrade">浏览器版本太低，请点击<a href="http://browsehappy.com/">这里</a>更新。</p>
<![endif]-->


<header>
    <nav class="top">
        <a href="http://ouylj.oschina.io/datacube1-1-1/" class="brand"><img src="img/LOGO.png" alt="回到首页"></a>
        <ul>
            <li><a href="javascript:;">导览 ∨</a></li>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">登录</a></li>
            | <li><a href="javascript:;">注册</a></li>
        </ul>
    </nav>
</header>

<div class="container">
    <section class="mainnav">
        <div class="bg-box">
            <div class="piaofang clearfix">
                <div>累计</div>
                <div class="num clearfix" id="num">
                    <div><img src="img/num.jpg" /></div>
                    <div><img src="img/num.jpg" /></div>
                    <div><img src="img/num.jpg" /></div>
                    <div><img src="img/num.jpg" /></div>
                    <div><img src="img/num.jpg" /></div>
                    <p></p>
                    <div><img src="img/num.jpg" /></div>
                </div>
                <div>万 票房</div>
            </div>
            <div class="time">
                <span>北京时间</span>
                <span id="getTime"></span>
            </div>
            <ul>
                <a href="search.html"><li><div>影库</div></li></a>
                <a href="javascript:;"><li><div>拍片</div></li></a>
                <a href="javascript:;"><li><div>榜单</div></li></a>
                <a href="javascript:;"><li><div>舆情</div></li></a>
            </ul>
        </div>
    </section>
    <section class="record clearfix">
        <div class="city">
            <h2>城市票房</h2>
            <img src="img/citymap.png" alt="城市票房" width="140" height="147">
            <p>一二三线城市票房数据</p>
            <p>重点城市票房数据</p>
            <a href="">点击查看</a>
        </div>
        <div class="chartbox">
            <div class="control" >
                <a href="javascript:;">←</a>
                <a href="javascript:;">
                    <span class="date" id="date">
                        <i>月票房 | 2017年4月</i> ∨
                        <i>日票房 | 2017-04-25</i>
                    </span>
                </a>
                <a href="javascript:;">→</a>
            </div>
            <div class="chart" id="chart"></div>
        </div>
        <div class="province">
            <h2>省份票房</h2>
            <img src="img/provincemap.png" alt="省份票房" width="140" height="147">
            <p>各省份票房数据</p>
            <p>各地域票房数据</p>
            <a href="">点击查看</a>
        </div>
    </section>
    <section class="list">
        <table border="0">
            <thead>
                <tr>
                    <th>片名</th>
                    <th>实时票房</th>
                    <th>票房占比</th>
                    <th>拍片占比</th>
                    <th>场次</th>
                    <th>上座率</th>
                    <th>均价</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><a href="javascript:;">金刚：骷髅岛</a></td>
                    <td>4931.9万</td>
                    <td>33.31%</td>
                    <td>21.88%</td>
                    <td>56589</td>
                    <td>15.94%</td>
                    <td>37</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">嫌疑人X的献身</a></td>
                    <td>4701.8万</td>
                    <td>31.76%</td>
                    <td>24.79%</td>
                    <td>64108</td>
                    <td>17.21%</td>
                    <td>34</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">非凡任务</a></td>
                    <td>2099.5万</td>
                    <td>14.18%</td>
                    <td>17.15%</td>
                    <td>44358</td>
                    <td>12.54%</td>
                    <td>35</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">有完没完</a></td>
                    <td>803.0万</td>
                    <td>5.42%</td>
                    <td>8.77%</td>
                    <td>22670</td>
                    <td>14.19%</td>
                    <td>35</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">美女与野兽</a></td>
                    <td>393.0万</td>
                    <td>2.65%</td>
                    <td>2.26%</td>
                    <td>5838</td>
                    <td>21.10%</td>
                    <td>38</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">冰雪大作战</a></td>
                    <td>280.9万</td>
                    <td>1.90%</td>
                    <td>6.28%</td>
                    <td>16237</td>
                    <td>6.31%</td>
                    <td>31</td>
                </tr>
                <tr>
                    <td><a href="movie.html" style="color:red;">一条狗的使命(点击这里)</a></td>
                    <td>75.1万</td>
                    <td>0.51%</td>
                    <td>0.64%</td>
                    <td>1659</td>
                    <td>20.07%</td>
                    <td>31</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">怨灵宿舍之白纸女生</a></td>
                    <td>47.8万</td>
                    <td>0.32%</td>
                    <td>0.95%</td>
                    <td>2448</td>
                    <td>9.58%</td>
                    <td>27</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">欢乐喜剧人</a></td>
                    <td>47.7万</td>
                    <td>0.32%</td>
                    <td>0.59%</td>
                    <td>1517</td>
                    <td>15.85%</td>
                    <td>32</td>
                </tr>
                <tr>
                    <td><a href="javascript:;">金刚狼:殊死一战</a></td>
                    <td>18.0万</td>
                    <td>0.12%</td>
                    <td>0.30%</td>
                    <td>774</td>
                    <td>8.87%</td>
                    <td>35</td>
                </tr>
            </tbody>

        </table>
    </section>
    <section class="news">
        <div class="newsbox">
            <h2>新闻资讯</h2>
            <span class="more"><a href="javascript:;">查看更多</a></span>
            <ul class="clearfix">
                <li>
                    <p><a href="javascript:;"><img src="img/news1.png" alt="" /></a></p>
                    <p><a href="javascript:;">斯嘉丽谈《更可机动队》，使其为“成长电影”</a></p>
                </li>
                <li>
                    <p><a href="javascript:;"><img src="img/news2.png" alt="" /></a></p>
                    <p><a href="javascript:;">斯嘉丽谈《更可机动队》使动队》使其为“成长使其为“成长“成长使其为“成“成长使其为“成“成长使电影”</a></p>
                </li>
                <li>
                    <p><a href="javascript:;"><img src="img/news3.png" alt="" /></a></p>
                    <p><a href="javascript:;">斯嘉丽谈《更可机动队》使其为“成长使其为“成长“成长使其为“成“成长使其为“成“成长使影”</a></p>
                </li>
            </ul>
        </div>
    </section>
</div>

<footer>
    <div class="fbox">
        <ul class="footermsg clearfix   ">
            <li>
                <h3>首页</h3>
                <p><a href="http://ouylj.oschina.io/datacube1-1-1/">首页</a></p>
            </li>
            <li>
                <h3>数据</h3>
                <p><a href="">票房数据</a></p>
                <p><a href="">排片数据</a></p>
                <p><a href="">影库资源</a></p>
                <p><a href="">舆情分析</a></p>
                <p><a href="">榜单数据</a></p>
            </li>
            <li>
                <h3>咨询</h3>
                <p><a href="">解决方案</a></p>
                <p><a href="">专业服务</a></p>
            </li>
            <li>
                <h3>关于我们</h3>
                <p><a href="">公司介绍</a></p>
                <p><a href="">联系方式</a></p>
                <p><a href="">合作伙伴</a></p>
                <p><a href="">招聘信息</a></p>
            </li>
        </ul>
        <div class="share">
            <img style="margin-bottom: 20px;" src="img/erweima.png" alt="扫二维码关注">
            <img src="img/ic.png" alt="扫二维码关注">
        </div>
    </div>
</footer>
</body>
<script src="js/vendor/node_modules/echarts/dist/echarts.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/move2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>